<template>
	<view class="container">
		<image class="logo" src="/static/logo.jpg"></image>
		<view class="content">
			<view class="title">您点击询问~</view>
			<view class="question-list">
				<view v-for="(question, index) in questions" :key="index" class="question" @click="tips(index)">{{ question }}</view>
			</view>
			<view class="button-group">
				<button class="phone-consultation" @click="phone()">电话咨询</button>
				<button class="apply-now" @click="appliy()">立即申请</button>
			</view>
		</view>
		
		<uni-popup ref="zero" type="center">
			<view class="room-popup">
				<view style="text-align: center;font-size: 18;font-weight: bold;margin-bottom: 5px;">
					<text>启派科技成立时间</text>
				</view>
				<br>
				<text class="auto-wrap">湖南启派科技集团有限公司成立于2020年，是一家集研发、生产、品牌运营于一体的高科技企业。总部位于长沙市五江天街北区10栋30层，研发中心位于长沙市高新区麓谷企业广场，拥有10年的软硬件研发经验和6年的无人共享设备运营经验，运营团队近百人，软硬件研发团队目前近30人均来自百度、华为、联想等知名企业.“雀侠”是由湖南启派科技集团有限公司创办的24h自助台球+棋牌+KTV影咖全国连锁领先品牌，公司结合云计算技术、物联网技术，自主开发全生态链智能共享一体化软硬件系统,联合生态链优质台球、棋牌、KTV设备供应商,自创社交分享功能系统，运营模式采用直营、托管、区域代理的形式,统一装修风格,标准化运营，集中化管理，以客户服务，用户体验为目的，致力于打造更受年轻人喜欢的线下娱乐社交空间。</text>
			</view>
		</uni-popup>
		
		<uni-popup ref="one" type="center">
			<view class="room-popup">
				<view style="text-align: center;font-size: 18;font-weight: bold;margin-bottom: 5px;">
					<text>投资预算</text>
				</view>
				<br>
				<text class="auto-wrap">①品牌使用费1万/间；
				②品牌保证金：2万；
				③运营管理费：门店营业额收入8%</text>
			</view>
		</uni-popup>
		
		<uni-popup ref="two" type="center">
			<view class="room-popup">
				<view style="text-align: center;font-size: 18;font-weight: bold;margin-bottom: 5px;">
					<text>自助ktv的优势有哪些</text>
				</view>
				<br>
				<text class="auto-wrap">①消费群体庞大
				KTV作为一种传统的娱乐方式，一直深受大众喜爱，尤其是年轻人，是无人自助KTV的主要消费群体，他们对新鲜事物接受度高，追求个性化、便捷化的娱乐体验，无人自助KTV正好满足需求。
				②消费场景多元化
				无人自助KTV的灵活性和便捷性使其适用于多种消费场景，如朋友聚会、家庭娱乐、情侣约会、个人练歌等，满足了不同消费者在不同时间和场合的需求。
				③毛利率更高
				由于减少了人力成本等开支，无人自助KTV的毛利率相对较高。据行业分析，无人自助KTV的毛利率可以达到70%以上，这为投资者带来了可观的利润空间。</text>
			</view>
		</uni-popup>
		
		<uni-popup ref="three" type="center">
			<view class="room-popup">
				<view style="text-align: center;font-size: 18;font-weight: bold;margin-bottom: 5px;">
					<text>合作政策</text>
				</view>
				<br>
				<text class="auto-wrap">合作有优惠，面向全国征集样板门店，限时减免服务品牌管理费，保证金，其他政策请留言，有专业招商人员为您解答。</text>
			</view>
		</uni-popup>
		
		<uni-popup ref="four" type="center">
			<view class="room-popup">
				<view style="text-align: center;font-size: 18;font-weight: bold;margin-bottom: 5px;">
					<text>回本周期</text>
				</view>
				<br>
				<text class="auto-wrap">目前整体回本周期在10个月左右</text>
			</view>
		</uni-popup>
		
		<uni-popup ref="five" type="center">
			<view class="room-popup">
				<view style="text-align: center;font-size: 18;font-weight: bold;margin-bottom: 5px;">
					<text>从筹备到开业的大概时间</text>
				</view>
				<br>
				<text class="auto-wrap">一个店从筹备到开业的周期在45-60天左右，具体要看场地的实际情况以及施工进度。</text>
			</view>
		</uni-popup>
		
		<uni-popup ref="six" type="center">
			<view class="room-popup">
				<view style="text-align: center;font-size: 18;font-weight: bold;margin-bottom: 5px;">
					<text>能否自行安排员工</text>
				</view>
				<br>
				<text class="auto-wrap">门店可以自行安排店长和保洁员工，为了门店更好的标准化计划运营管理，总部会提供统一培训，考核合格以后即可上岗。</text>
			</view>
		</uni-popup>
		
		<uni-popup ref="seven" type="center">
			<view class="room-popup">
				<view style="text-align: center;font-size: 18;font-weight: bold;margin-bottom: 5px;">
					<text>物料是否总部集中采购</text>
				</view>
				<br>
				<text class="auto-wrap">雀侠是一个全国连锁品牌，为了连锁标准化，我们有一个完整的供应链体系。确保产品的品质及价格。</text>
			</view>
		</uni-popup>
		
		<uni-popup ref="eight" type="center">
			<view class="room-popup">
				<view style="text-align: center;font-size: 18;font-weight: bold;margin-bottom: 5px;">
					<text>店面分布情况</text>
				</view>
				<br>
				<text class="auto-wrap">目前全国突破2500+家门店，覆盖100+座城市</text>
			</view>
		</uni-popup>
		
		<uni-popup ref="nine" type="center">
			<view class="room-popup">
				<view style="text-align: center;font-size: 18;font-weight: bold;margin-bottom: 5px;">
					<text>选址费用</text>
				</view>
				<br>
				<text class="auto-wrap">经过总部评估以后，选址费减免</text>
			</view>
		</uni-popup>
		
		<uni-popup ref="ten" type="center">
			<view class="room-popup">
				<view style="text-align: center;font-size: 18;font-weight: bold;margin-bottom: 5px;">
					<text>装修选择</text>
				</view>
				<br>
				<text class="auto-wrap">为了您投资的门店最终呈现效果，装修需符合品牌的施工标准和技术规范，装修需由总部统一指导</text>
			</view>
		</uni-popup>
		
		<newTab></newTab>
	</view>
</template>

<script>
export default {
	data() {
		return {
			questions: [
			"1、雀侠成立时间？\n",
			"2、合作投资预算如何？\n",
			"3、自助ktv的优势有哪些\n",
			"4、怎么申请合作？合作费能否优惠？\n",
			"5、多长时间能够收回投资成本？\n",
			"6、正常一个店从进场到开业需要几个月？\n",
			"7、投资人是否可以自行安排店长、员工？\n",
			"8、合作店的营运物资是不是总部集中采购？\n",
			"9、目前雀侠有多少店？大致分布情况？\n",
			"10、合作商自己找的物业，选址费还要收取么？\n",
			"11、投资人有做装修的渠道，是否可自行装修？"
		  ]
		};
	},
	methods:{
		tips(val){
			if(val == 0){
				this.$refs.zero.open();
			}else if(val == 1){
				this.$refs.one.open();
			}else if(val == 2){
				this.$refs.two.open();
			}else if(val == 3){
				this.$refs.three.open();
			}else if(val == 4){
				this.$refs.four.open();
			}else if(val == 5){
				this.$refs.five.open();
			}else if(val == 6){
				this.$refs.six.open();
			}else if(val == 7){
				this.$refs.seven.open();
			}else if(val == 8){
				this.$refs.eight.open();
			}else if(val == 9){
				this.$refs.nine.open();
			}else if(val == 10){
				this.$refs.ten.open();
			}
		},
		phone(){
			uni.showModal({
				content:'是否拨打电话咨询',
				success(res) {
					if(res.confirm){
						uni.makePhoneCall({
							phoneNumber:"4008885626"
						})
					}
				}
			})
			
		},
		appliy(){
			uni.navigateTo({
				url: '/other/join/join'
			})
		},
		bannerClick() {
			uni.navigateTo({
				url: '/other/join/join'
			})
		},
	  
  }
};
</script>


<style>
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
}

.logo {
  width: 50px;
  height: 50px;
  margin-bottom: 20px;
}

.content {
  background-color: #fff;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.title {
  font-size: 16px;
  color: #333;
  margin-bottom: 10px;
}

.question-list {
  margin-bottom: 20px;
}

.question {
  font-size: 14px;
  color: #ff7f00;
  margin-bottom: 10px;
}

.button-group {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.phone-consultation,
.apply-now {
  flex: 1;
  margin: 0 5px;
  padding: 10px;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
}

.phone-consultation {
  background-color: #ccc;
}

.apply-now {
  background-color: #ff7f00;
}
.room-popup{
	position: fixed; /* 固定定位 */
	top: 44%; /* 垂直居中 */
	left: 50%; /* 水平居中 */
	transform: translate(-50%, -50%); /* 位移调整 */
	z-index: 10; /* 层级高于其他内容 */
	background-color: #fff; /* 背景色 */
	border-radius: 10px; /* 边框圆角 */
	padding: 20px; /* 内边距 */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* 阴影效果 */
	width: 75%;
}
.auto-wrap{
	white-space: normal; /* 允许自动换行 */
}
</style>

